.page-index-wrapper {
    width: 7.5rem;
    height: 13.34rem;
}

.page-index-header {
    width: 7.5rem;
    height: 3rem;
    background-color: #CA0E2D;

    img {
        position: absolute;
    }

    .img1 {
        width: 7.5rem;
        height: 3rem;
    }

    .img2 {
        top: 0.3rem;
        left: 0.3rem;
        width: 1.43rem;
        height: .4rem;
    }

    .img3 {
        top: 1.27rem;
        left: 1.59rem;
        width: 4.32rem;
        height: .85rem;
    }
}

.page-index-content-box {
    width: 7.5rem;
    height: 10.81rem;
    background: #FFFFFF;
    position: absolute;
    top: 2.53rem;
    border-radius: .5rem .5rem 0 0;

    .page-index-content-box-inner {
        position: absolute;
        left: .3rem;
        width: 6.9rem;
        height: 10.17rem;
        top: .64rem;
        font-size: .28rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: .4rem;

        .page-index-content-text {
            ul {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                position: absolute;
                align-items: center;
                height: 4.62rem;
                top: .66rem;
                left: .3rem;

                li {
                    font-size: .22rem;
                    line-height: .32rem;
                    width: 6.3rem;

                    .page-index-content-text-duration {
                        border-bottom: #666666 solid .01rem;
                        font-size: .3rem;
                        position: relative;
                        top: -0.05rem;
                        padding-left: .05rem;
                        padding-right: .05rem;
                    }

                    span {
                        display: inline-block;
                        font-weight: 600 !important;
                        font-size: .22rem;
                        width: auto;
                        text-align: center;
                        color: #333333;
                    }
                }
            }

            p {
                font-size: 0.34rem;
                font-weight: 600;
                color: #333333;
                line-height: 0.34rem;
                width: 1.36rem;
                height: .34rem;
                margin: 0 auto;
            }

            .dash {
                width: 6.3rem;
                margin-left: .3rem;
                position: absolute;
                height: .02rem;
                background-image: linear-gradient(to right, #E0E0E0 0%, #E0E0E0 50%, transparent 50%);
                background-repeat: repeat-x;
                background-size: .15rem .01rem;
            }

            .need-know {
                position: absolute;
                width: 1.76rem;
                text-align: center;
                left: 2.54rem;
                top: -0.12rem;
                background-color: #FFFFFF;
            }
        }

        .page-index-content-items {
            position: absolute;
            height: 2.4rem;
            width: 6.15rem;
            top: 5.86rem;
            left: .45rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-end;

            .subject {
                align-self: flex-start;

                .subject-value {
                    color: #333333;
                }
            }

            .name,
            .phone {
                span::before {
                    display: block;
                    position: relative;
                    content: "*";
                    width: .05rem;
                    top: .5rem;
                    left: -0.15rem;
                    color: #BE192E;
                }
            }

            input {
                display: inline-block;
                width: 4.73rem;
                height: .64rem;
                border-radius: .08rem;
                border: .02rem solid #D9D9D9;
                font-size: .28rem;
                line-height: .44rem;
                padding-left: .3rem;
            }

            input::placeholder {
                font-size: .28rem;
                color: #E0E0E0;
                line-height: .44rem;
            }
        }

        .begin {
            position: absolute;
            bottom: .3rem;
            background-color: #2963FF;
            width: 6.9rem;
            height: .9rem;
            font-size: .36rem;
            font-family: PingFangSC-Medium, PingFang SC;
            text-align: center;
            font-weight: 300;
            color: #FFFFFF;
            line-height: .9rem;
            border-radius: .08rem;
        }
    }
}
